<script setup>
import { useUserStore } from '@/stores/user';

const user = useUserStore();
const userData = user.userData;
</script>

<template>
  <XPage title="个人信息">
    <van-cell-group class="info-group" inset>
      <van-cell title="登录账号">{{ userData.loginName }}</van-cell>
      <van-cell title="用户姓名">{{ userData.userName }}</van-cell>
      <van-cell title="邮箱">{{ userData.email }}</van-cell>
      <van-cell title="电话">{{ userData.mobile }}</van-cell>
    </van-cell-group>
  </XPage>
</template>

<style lang="stylus" scoped>
.person-info-page
  color white
</style>
